<template>
  <view class="page-default">
    <c-nav-bar title="信息查询" type="white" bg-color="rgba(255,255,255,0.6)" />

    <view class="mx-2 rounded-lb-4 rounded-rb-4 pb-4">
      <view class="m-3 mt-6 flex items-center px-4 text-#1A2B5C font-bold">
        <view class="mr-2 h-4 w-6px rounded-2 bg-#02CAB1" />基础信息
      </view>
      <view class="m-3 mt-6 rounded-2 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="姓名" value="女" />
          <u-cell title="性别" value="610324200808168888" />
          <u-cell title="证件类型" value="18165214164" />
          <u-cell title="联系电话" value="18165214164" />
          <u-cell title="电子邮箱" value="344514406@qq.com" />
          <u-cell title="曾用名" :border="false" value="--" />
        </u-cell-group>
      </view>
      <view class="m-3 mt-6 flex items-center px-4 text-#1A2B5C font-bold">
        <view class="mr-2 h-4 w-6px rounded-2 bg-#02CAB1" />籍贯及住址信息
      </view>
      <view class="m-3 mt-6 rounded-2 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="学生籍贯" value="职业中专" />
          <u-cell title="出生地" value="旅游服务与管理" />
          <u-cell title="出生日期" value="2025级旅游1班" />
          <u-cell title="现住址" value="2025级旅游1班" />
          <u-cell title="详细住址" :border="false" />
        </u-cell-group>
      </view>
      <view class="m-3 mt-6 flex items-center px-4 text-#1A2B5C font-bold">
        <view class="mr-2 h-4 w-6px rounded-2 bg-#02CAB1" />紧急联系人
      </view>
      <view class="m-3 mt-6 rounded-2 bg-white px-4 line-height-6">
        <u-cell-group :border="false">
          <u-cell title="紧急联系人" value="2-24" />
          <u-cell title="联系人1电话" value="女生公寓4-10" />
          <u-cell title="紧急联系人2" value="2025LYZ101" />
          <u-cell title="联系人2电话" :border="false" value="李玥" />
        </u-cell-group>
      </view>
    </view>
  </view>
</template>

<script lang="ts" setup>

</script>

<style lang="scss" scoped>
:deep(uni-page-body) {
  background-color: #f5f9fc !important;
}

.bg-green-white {
  background: rgba(255,255,255,0.3);
  /* 渐变色设置 */
}
.bg-trans {
  width: 100%;
  height: 200rpx;
  background: url('@/static/images/welcome/trans-bg.png') no-repeat;
  background-size: 100% 100%;
}
:deep(.u-line){
 border-bottom: 2px dashed #e0e7ec !important;
}
:deep(.u-cell__title-text){
  color: #6E7B8B;
}
:deep(.u-cell__value){
  color: #000000;
}
</style>
